<template>
  <div class="wrapper">
     <ul>
         <li 
           class="list"
           v-for="item of list" 
           :key="item.id"
         >
           {{item.city}}
         </li>
     </ul>
  </div>
</template>

<script>
export default {
  name: 'HomeList',
  data(){
      return{
          list:[
              {id:'001',city:'北京'},
              {id:'002',city:'上海'},
              {id:'003',city:'浙江'},
              {id:'004',city:'广州'},
              {id:'005',city:'武汉'},
              {id:'006',city:'重庆'},
          ]
      }
  }
 
}
</script>

<style scoped>
.list{
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    text-align: left;
    padding-left: .3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.322);
}
</style>
